﻿@using Volga_It.Hotels.Properties
@model Volga_It.Hotels.Models.OutResultModels

@{
    ViewBag.Title = "SearchRooms";
    if (Model.Hotels.Count == 0)
    { 
        <p>
            Не найдено результатов по вашему запросу
        </p>
        return;
    }
    WebGrid hotelGrid = new WebGrid(Model.Hotels, rowsPerPage: 3, defaultSort: "City", selectionFieldName: "selectedRow");
    WebGrid roomGrid = new WebGrid(Model.Rooms, rowsPerPage: 3);
}

@using (Html.BeginForm("SearchRooms", "Home", FormMethod.Get))
{
    // Фильтрация результа
    <h4>Фильтрация результата</h4>
    <fieldset>
        <label>Отфильтровать по району</label>
        @Html.TextBox("areaFilter")
        <label>Отфильтровать по количеству звёзд</label>
        @Html.TextBox("starsFilter")                
        <input type="submit" value="Отфильтровать" />
    </fieldset>
}
<h3>Найденные отели</h3>
@hotelGrid.GetHtml(htmlAttributes: new { id="hotelsGrid" },
mode: WebGridPagerModes.All,
columns: hotelGrid.Columns(
    hotelGrid.Column("Name", "Название отеля", canSort: true),
    hotelGrid.Column("Country", "Страна", canSort: false),
    hotelGrid.Column("City", "Город", canSort: false),
    hotelGrid.Column("Area", "Район", canSort: false),
    hotelGrid.Column("Stars", "Количество звёзд", canSort: true),
    hotelGrid.Column("WebSite", "Сайт", canSort: false),
    hotelGrid.Column("Description", "Описание", canSort: false)
))    

<h3>Комнаты в отелях</h3>
@roomGrid.GetHtml(htmlAttributes: new { id = "roomsGrid" },
mode: WebGridPagerModes.All,
columns: roomGrid.Columns(
    roomGrid.Column("HotelName", "Отель", canSort: false),
    roomGrid.Column("RoomNumber", "Номер", canSort: false),
    roomGrid.Column("Price", "Цена (руб.)", canSort: true),
    roomGrid.Column("RoomType", "Тип комнаты", canSort: false),
    roomGrid.Column("MaxPeople", "Максимальное количество человек", canSort: false),
    roomGrid.Column("RoomType", "Тип комнаты", canSort: false),
    roomGrid.Column("Description", "Описание", canSort: false)))

@section scripts{
<script type="text/javascript">    
    $(function () {
        $('#hotelsGrid tbody tr').live('hover', function () {
            $(this).toggleClass('clickable');
        }).live('click', function () {
            location.href = 'Details?hotel=' + $(this).find('td:first').text();
        });
    });
    $(function () {
        $('#roomsGrid tbody tr').live('hover', function () {
            $(this).toggleClass('clickable');
        }).live('click', function () {
            location.href = 'Booking?hotel=' + $(this).find('td:first').text() + '&room=' + $(this).find("td:eq(1)").text();
        });
    });
</script>
}

<style>
    .clickable {
        cursor: pointer;
        background: #ffff99;
    }
</style>